<template>
	<div class="pages-view">
		<header-bar @showTalion="open"></header-bar>
		<router-view></router-view>
		<talion-view v-show="talion" @closeTalion="close"></talion-view>
	</div>
</template>
<script>
	import HeaderBar from '../components/HeaderBar'
	import TalionView from '../views/TalionView'
	
	export default{
		name:'pages-view',
		components:{HeaderBar,TalionView},
		data(){
			return {
				talion: ''
			}
		},
		methods:{
			open:function(){
				this.talion='open'
			},
			close:function(){
				this.talion=''
			}
		}
	}
</script>
<style scoped>
	.pages-view{
		margin: 15px 2%;
	}
</style>